<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>普惠电商后台系统</title>
    <link rel="stylesheet" href="css/models.css">
    <!--bootstrap-select  css文件-->
    <link rel="stylesheet" type="text/css" href="js/bootstrapselect/css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="js/bootstrapselect/css/bootstrap-select.css"/>
    <!--富文本  css文件-->
    <link rel="stylesheet" href="css/ueditor.css">
    <!--图片点击放大  css文件-->
    <link rel="stylesheet" href="js/viewer/css/viewer.min.css">
    <!--富文本编辑器 版本4.1.11-->
    <link rel="stylesheet" href="js/kindeditor/themes/default/default.css"/>
    <link rel="stylesheet" href="js/kindeditor/plugins/code/prettify.css"/>
    <!--弹窗 css文件-->
    <link rel="stylesheet" type="text/css" href="js/layer/layer.css">
</head>
<body>
<div class="MainContent">
    <div class="current">当前位置：<a href="welcome.html" alt="">商品管理 &gt;</a><span>添加商品</span></div>
    <div class="MainCont ">
        <div class="ph_subConTit">
            <h2>基本信息</h2>
        </div>
        <form action="" id="form_validation">
            <div class="mainFrom">
                <label class="left">
                    <span class="require">*</span>
                    <span class="">供应商</span>
                </label>
                <select class="selectUp selectpicker" data-live-search="true">
                    <option value="">请选择</option>
                    <option value="1">平台</option>
                    <option value="2">市代</option>
                </select>
            </div>
            <div class="mainFrom">
                <label class="left">
                    <span class="require">*</span>
                    <span class="">商品名称</span>
                </label>
                <input type="text" class="left" placeholder=""/>
            </div>
            <div class="mainFrom">
                <label class="left">
                    <span class="">商品条形码</span>
                </label>
                <input type="text" class="left" placeholder=""/>
            </div>

        <div class="ph_subConTit">
            <h2>详细描述</h2>
        </div>
        <div class="content-box">
            <textarea id="editor_id" name="content" style="width: 800px;height: 500px;">这里写你的初始化内容</textarea>
        </div>
        <div class="ph_subConTit">
            <h2><span class="require">*</span>商品相册</h2>
        </div>
        <div class="content-box">
            <div class="img-box">
                <span>请上传商品图片，照片大小不超过1M，推荐尺寸500x500px</span>
                <div class="img-box full">
                    <section class=" img-section">
                        <div class="z_photo upimg-div">
                            <section class="z_file left">
                                <img src="images/add.png" class="add-img">
                                <input type="file" name="file" id="file" class="file" value="" accept="image/jpg,image/jpeg,image/png,image/bmp" multiple/>
                            </section>
                        </div>
                    </section>
                </div>
            </div>

        </div>
        <div class="ph_subConTit">
            <h2>商品属性</h2>
        </div>
        <div class="content-box">
            <!--商品属性组开始-->
            <div class="attribute-box">
                <div class="mainFrom">
                    <label class="left">
                        <span class="require">*</span>
                        <span class="mainLab">商品分类</span>
                    </label>
                    <select class="selectUp selectpicker" data-live-search="true">
                        <option value="">全部</option>
                        <option value="">平台</option>
                        <option value="">市代</option>
                    </select>
                    <select class="selectUp selectpicker" data-live-search="true">
                        <option value="">全部</option>
                        <option value="">平台</option>
                        <option value="">市代</option>
                    </select>
                    <select class="selectUp selectpicker" data-live-search="true">
                        <option value="">全部</option>
                        <option value="">平台</option>
                        <option value="">市代</option>
                    </select>
                    <!--<input type="text" id="" class="left Classification" placeholder="" autocomplete="off"/>-->
                </div>
                <div class="ph_attr">
                    <div class="mainFrom">
                        <label class="left">
                            <!--<span class="require">*</span>-->
                            <span class="mainLab">属性名称</span>
                        </label>
                        <div class="inputbox_big">
                            <div class="input-box relative left">
                                <input type="text" placeholder="" id="1 " name="" value="" readonly/>
                                <img src="images/input-del.png" alt="" class="absolute del_inputbox_all"/>
                            </div>
                            <!--<input type="button" value="添加属性值" class="left add_inputbox">-->
                        </div>

                    </div>
                    <div class="mainFrom">
                        <label class="left">
                            <!--<span class="require">*</span>-->
                            <span class="mainLab">属性值</span>
                        </label>
                        <div class="inputbox_big">
                            <div class="input-box relative left">
                                <input type="text" placeholder="" ide="1" ref="proValue"/>
                                <img src="images/input-del.png" alt="" class="absolute del_inputbox"/>
                            </div>
                            <input type="button" value="添加属性值" class="left add_inputbox add_inputbox_attribute">
                        </div>
                    </div>
                </div>
                <div class="ph_attr">
                    <div class="mainFrom">
                        <label class="left">
                            <!--<span class="require">*</span>-->
                            <span class="mainLab">属性名称</span>
                        </label>
                        <div class="inputbox_big">
                            <div class="input-box relative left">
                                <input type="text" placeholder="" name="" id="2" value="" readonly/>
                                <img src="images/input-del.png" alt="" class="absolute del_inputbox_all"/>
                            </div>
                            <!--<input type="button" value="添加属性值" class="left add_inputbox">-->
                        </div>
                    </div>
                    <div class="mainFrom">
                        <label class="left">
                            <!--<span class="require">*</span>-->
                            <span class="mainLab">属性值</span>
                        </label>
                        <div class="inputbox_big">
                            <div class="input-box relative left">
                                <input type="text" placeholder="" ide='2' ref="proValue"/>
                                <img src="images/input-del.png" alt="" class="absolute del_inputbox"/>
                            </div>
                            <input type="button" value="添加属性值" class="left add_inputbox add_inputbox_attribute">
                        </div>
                    </div>
                </div>
            </div>
            <!--商品属性组结束-->
            <!--商品规格组开始-->
            <div class="ph_subConTit">
                <h2>商品规格</h2>
            </div>
            <div class="attribute-box ph_attr ph_classify">
                <div>
                    <div class="mainFrom">
                        <label class="left">
                            <!--<span class="require">*</span>-->
                            <span class="mainLab">规格名称</span>
                        </label>
                        <div class="inputbox_big">
                            <div class="input-box relative left">
                                <input type="text" placeholder="" id="0" ref="proValue"/>
                                <img src="images/input-del.png" alt="" class="absolute del_inputbox_all_sp"/>
                            </div>
                            <!--<input type="button" value="添加属性值" class="left add_inputbox">-->
                        </div>

                    </div>
                    <div class="mainFrom">
                        <label class="left">
                            <!--<span class="require">*</span>-->
                            <span class="mainLab">规格值</span>
                        </label>
                        <div class="inputbox_big">
                            <div class="input-box relative left">
                                <input class="Specification_value1 Sp_0" ref="spnValue" type="text" placeholder=""/>
                                <img src="images/input-del.png" alt="" class="absolute del_inputbox1"/>
                            </div>
                            <input type="button" value="添加属性值" class="left add_inputbox add_inputbox_Specifications">
                        </div>
                    </div>
                </div>
                <!--<input type="button" value="添加规格项" class="add_specifications">
                <input type="button" value="保存" class="table_save">-->
            </div>
            <div class="PopupBtn btnLeft" style="margin-bottom: 20px;">
                <input class="submit add_specifications" name="" type="button" value="添加规格项">
                <input class="submit table_save" name="" type="button" value="生成">
            </div>
            <!--商品规格组结束-->
            <!--规格展示表格-->
            <div class="ph_subConTit">
                <h2>商品库存</h2>
            </div>
            <!--表格-->
            <div class="ph_wareBox clearfix">
                <table class="ph_wareList">
                    <thead>
                    <tr>
                        <th id="">规格</th>
                        <th><span class="require">*</span>参考价（元）</th>
                        <th><span class="require">*</span>零售价（元）</th>
                        <th>进货价（元）</th>
                        <th><span class="require">*</span>结算价（元）</th>
                        <th><span class="require">*</span>市场起批数量</th>
                        <th><span class="require">*</span>商户起批数量</th>
                        <th>起售数量</th>
                        <th>包邮数量</th>
                        <th>物流费用（元）</th>
                        <th width="188"><span class="require">*</span>库存</th>
                    </tr>
                    </thead>

                    <tbody>

                    </tbody>

                </table>
                <div class="right">
                    <span>总库存：</span>
                    <span>500</span>
                </div>
            </div>
            <!--end 表格-->

        </div>
        <div class="PopupBtn btnLeft" style="margin-bottom: 20px;">
            <input class="submit save" name="save_goods" type="submit" value="保存">
            <input class="cancel save_cancel" name="save_goods_cancel" type="button" value="取消">
        </div>
        </form>
    </div>

</div>
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<!--图片上传插件-->
<script type="text/javascript" src="js/imgUp.js"></script>
<!--bootstrap-select-->
<script type="text/javascript" src="js/bootstrapselect/bootstrap.min.js"></script>
<script type="text/javascript" src="js/bootstrapselect/bootstrap-select.js"></script>
<script type="text/javascript" src="js/bootstrapselect/select.js"></script>

<!--弹窗-->
<script type="text/javascript" src="js/layer/layer.js"></script>
<!--属性输入框的增加和删除-->
<script type="text/javascript" src="js/attrbox.js"></script>
<!--图片点击放大-->
<script type="text/javascript" src="js/viewer/viewer-jquery.min.js"></script>
<!--<script  type="text/javascript"src="js/formCheck.js"></script>-->
<!--kindeditor富文本插件-->
<!-- 编辑器源码文件 -->
<script type="text/javascript" src="js/kindeditor/kindeditor-all-min.js"></script>
<script charset="utf-8" src="js/kindeditor/lang/zh-CN.js"></script>
<script charset="utf-8" src="js/kindeditor/plugins/code/prettify.js"></script>
<!-- 实例化编辑器 -->
<script type="text/javascript" src="js/validat/jquery.validationEngine-zh_CN.js"></script>
<script type="text/javascript" src="js/validat/jquery.validationEngine.js"></script>
<script>
    KindEditor.ready(function (K) {
        window.editor = K.create('#editor_id');
    });
    $(function () {
        $('#form_validation').validationEngine({
            addPromptClass: 'formError-text',
            showArrow: false,
            promptPosition: 'bottomLeft'
        });
        $('input.table_save').attr('disabled','disabled');
        $('input.table_save').removeClass('submit').addClass('disable');
    })
</script>
<!--百度UE插件-->
</body>
</html>